*{
	margin: 0;
	padding: 0;
}
a{
	text-decoration: none;
}
ul li{
	list-style: none;
}
.fl{
	float: left;
}
.fr{
	float: right;
}
.clear{
	clear: both;
}
body{
	background: #F7F7F7;
}
.head{
	width: 100%;
	position: relative;
}
.head-img img{
	width: 100%;
}
.head-title{
	top: 20px;
	left: 25px;
	position: absolute;
	color: #E5EEFC;
}
/* .head-title h4{
	margin-top: 5px;
}
.head-title p{
	margin-top: 5px;
} */
.head-title p{
	letter-spacing: 3px;
	margin-top: 5px;
}
.head-title p:nth-child(1){
	font-size: 26px;
	font-weight: 600;
}
.head-title p:nth-child(2){
	font-size: 14px;
}
.head-title p:nth-child(3){
	font-size: 12px;
}
.menu{
	width: 100%;
	
}
.menu-img{
	width: 100%;
	display: flex;
}
.menu-left{
	width: 50%;
	padding-top: 20px;
	padding-bottom: 10px;
	text-align: center;
	border-bottom: 1px solid #ECECEC;
	border-right: 1px solid #ECECEC;
}
.menu-left a p{
	margin-top: 10px;
	color: #000000;
}
.menu-right{
	width: 50%;
	padding-top: 20px;
	padding-bottom: 10px;
	text-align: center;
	border-bottom: 1px solid #ECECEC;
}
.menu-right p{
	margin-top: 10px;
}
.icon-a{
	width: 30px;
	height: 30px;
	background: url(../images/realTime_statistics_photo.png) no-repeat center;
	background-size: cover;
	display: inline-block;
}
.icon-b{
	width: 30px;
	height: 30px;
	background: url(../images/day_statistics_photo.png) no-repeat center;
	background-size: cover;
	display: inline-block;
}
.icon-c{
	width: 30px;
	height: 30px;
	background: url(../images/month_statistics_photo.png) no-repeat center;
	background-size: cover;
	display: inline-block;
}
.icon-d{
	width: 30px;
	height: 30px;
	background: url(../images/year_statistics_photo.png) no-repeat center;
	background-size: cover;
	display: inline-block;
}
.bottom{
	justify-content: space-between;
	background: #FFFFFF;
	display: flex;
	font-size: 12px;
	padding: 10px 0;
	
	position: fixed;
	bottom: 0;
	width: 100%;
}
.bottom a{
	color: #B2B2B2;
}
.sy{
	text-align: center;
	width: 30%;
}
.icon-1{
	width: 24px;
	height: 20px;
	
	display: inline-block;
	background: url(../images/bottom_nav_photo.png)no-repeat center;
	background-size: cover;
}
.kzt{
	text-align: center;
	width: 40%;
}
.icon-2{
	width: 24px;
	height: 20px;
	
	display: inline-block;
	background: url(../images/bottom_nav_console.png)no-repeat center;
	background-size: 100% 100%;
}
.wd{
	text-align: center;
	width: 30%;
}
.icon-3{
	width: 24px;
	height: 20px;
	display: inline-block;
	background: url(../images/bottom_nav_my.png)no-repeat center;
	background-size: 100% 100%;
}
.bottom .kzt a{
	color: #2186F4;
}